<%-- 
    Document   : index
    Created on : 23/10/2012, 10:36:28 PM
    Author     : Casa
--%>

<%@page import="DTO.Administrador"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <title> Bienvenido | Inicio de sesión </title>
        <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
        <link rel="shortcut icon" href="img/doc.ico"  type="image/x-icon"/>

        <script type="text/javascript" src="js/textsizer.js"></script>

        <!-- css y js para validación -->
        <link rel="stylesheet" type="text/css" href="css/styleValidationEngine.css" media="screen" />
        <script type="text/javascript" src="jquery/jquery-1.8.2.min.js" charset="utf-8"></script>
        <script type="text/javascript" src="jquery/jquery.validationEngine-es.js" charset="utf-8"></script>
        <script type="text/javascript" src="jquery/jquery.validationEngine.js" charset="utf-8" ></script> 



        <script type="text/javascript" >
        
                    jQuery(document).ready(function(){
                        jQuery("#login").validationEngine();
                    });
                    
                    var ajax;

            function funcionCallback()
            {
                    // Comprobamos si la peticion se ha completado (estado 4)
                    if( ajax.readyState == 4 )
                    {
                            // Comprobamos si la respuesta ha sido correcta (resultado HTTP 200)
                            if( ajax.status == 200 )
                            {
                                    // Escribimos el resultado en la pagina HTML mediante DHTML
                                    if(ajax.responseText == "ADMIN")
                                        document.location.href='MenDDs.jsp?';
                                    else{
                                        document.getElementById("mensaje").style.visibility="visible"; 
                                        document.buscar_paciente.mensaje.value = "ADMINISTRADOR NO ENCONTRADO";
                                    }
                            }
                    }
            }
             function buscarAdmin()
                {
                        // Creamos el control XMLHttpRequest segun el navegador en el que estemos 
                        if( window.XMLHttpRequest )
                                ajax = new XMLHttpRequest(); // No Internet Explorer
                        else
                                ajax = new ActiveXObject("Microsoft.XMLHTTP"); // Internet Explorer

                        // Almacenamos en el control al funcion que se invocara cuando la peticion
                        // cambie de estado	
                        ajax.onreadystatechange = funcionCallback;

                        // Enviamos la peticion
                        ajax.open("POST", "Servlet_Login?correo="+document.login.correo.value+"&pass="+document.login.pass.value, true );
                        ajax.send( "" );
                }

        </script>
    </head>

    <body>
        <div id="wrap">
            <div id="top">
                <h2> Sistema de Archivo de Pacientes de Consultorio Médico</h2>			  
            </div>
            <div id="content">
                <!--<div style="float: right;"><a href="javascript:ts('body',1)">[+]</a> | <a
                href="javascript:ts('body',-1)">[-]</a></div> -->
                <div id="left">
                    <div class="box">
                        <form id="login" name="login" action="Servlet_Login" method="post">
                            <div id="login-box">
                                <h1>Iniciar sesión</h1>
                                <div id="login-box-name" style="margin-top:20px;">Email:</div>
                                <div id="login-box-field" style="margin-top:20px; margin-bottom:15px;">
                                    <input id="correo" name="correo" class="form-login validate[required,custom[email]]" title="email" value="" size="30" maxlength="2048" />
                                </div>
                                <div id="login-box-name">Contraseña:</div>
                                <div id="login-box-field" style="margin-top:5px;"><input name="pass" type="password" class="form-login validate[required]" title="contraseña" value="" size="30" maxlength="2048" />
                                </div>
                                <br /> 
                                <!--<span class="login-box-options">
                                  <input type="checkbox" name="1" value="1"/> No cerrar sesión<a href="#" style="margin-left:30px;">&#191;No puedes acceder&#63;</a> 
                               </span> -->
                                <br /> <br />
                                <div style="margin-left:90px; margin-top:110px;">  <input class="button submit" type="submit" value="Entrar" name="Entrar" /> </div>
                                <p id="error-div">
                                    <%
                                        String error = null;
                                        error = (String) request.getAttribute("error");
                                        if (error == null) {
                                            error = "";
                                        }
                                        out.println(error);
                                    %>
                                </p>
                                     <div  >
                                         <input type="text" id="mensaje" name="mensaje" 
                                        style="border:1px solid #D8000C;height:20px;width:278px;
                                        padding:4px 0px 0px 20px;
                                        background-color:#FFBABA;
                                        font-weight: bold;
                                        color: #D8000C;
                                        font-size: 1.1em;
                                        margin:30px 0px 0px 0px;visibility: hidden;" disabled/> 
                                                 
                                    </div>
                                
                            </div>
                        </form>
                    </div>		
                </div>
                <div id="right">
                    <br/> <br/> 
                    <div class="logo"> </div>
                    <!-- <div class="box">
                         <h2 style="margin-top:17px; margin-left:20px">Dr. Walter Vega G&oacute;mez</h2>
                         <h2 style="margin-top:2px; margin-left:50px">M&eacute;dico Cirujano</h2>
                         <h2 style="margin-top:2px; margin-left:40%">UCR</h2>
                     </div> -->
                </div>
                <div id="clear"></div></div>
        </div>
        <div id="footer">
            <footer>
                <div><img src="img/footer_img.png" height="39" width="960" border="0"></div>
                <h4>
                    <a href="Desarrolladores.jsp" accesskey="H" onClick="popup = window.open('Desarrolladores.jsp', 'PopupPage','height=550,width=600,scrollbars=yes,resizable=no'); return false" target="_blank" onMouseOver="window.status='';  return true" onMouseOut="window.status=''; return true"onFocus="window.status='';  return true" onBlur="window.status=''; return true"  class="submenulinktext2">DESAROLLADORES</a> | 
                    <a href="Ayuda.jsp" accesskey="H" onClick="popup = window.open('Ayuda.jsp', 'PopupPage','height=550,width=600,scrollbars=yes,resizable=no'); return false" target="_blank" onMouseOver="window.status='';  return true" onMouseOut="window.status=''; return true"onFocus="window.status='';  return true" onBlur="window.status=''; return true"  class="submenulinktext2">AYUDA</a>
                </h4>
                <div class="ftext"> Tel:(506) 2246-3279 <br/> sapcomed &copy;  Todos los derechos reservados. Prohibida la reproducción total o parcial.</div>
            </footer>
        </div>
    </body>
</html>